<div class="classify">
	<div class="classify-header">
		<div class="header">
			<header>
				<input type="text" name="" id="" value="" placeholder="搜索"/>
				<i class="fa fa-search"></i>
			</header>
		</div>	
	</div>
	
	<div class="article">
		<ul>
			<li>
				<p class="list">
					<span>
						<img src="images/muqi.png" alt="" />
						木器
					</span>
					<i class="fa fa-angle-down"></i>
				</p>
				<div class="hide">
					<a href="html/huanghuali.html">黄花梨</a>
						<a href="">紫檀</a>
						<a href="">沉香</a>
						<a href="">金丝楠</a>
						<a href="">其他</a>
				</div>
			</li>
			
			<li>
				<p class="list">
					<span>
						<img src="images/yuqi.png" alt="" />
						玉器
					</span>
					<i class="fa fa-angle-down"></i>
				</p>
				<div class="hide">
					<a href="">黄花梨</a>
						<a href="">紫檀</a>
						<a href="">沉香</a>
						<a href="">金丝楠</a>
						<a href="">其他</a>
				</div>
			</li>
			<li>
				<p class="list">
					<span>
						<img src="images/jinshuqi.png" alt="" />
						金属器
					</span>
					<i class="fa fa-angle-down"></i>
				</p>
				<div class="hide">
					<a href="">黄花梨</a>
						<a href="">紫檀</a>
						<a href="">沉香</a>
						<a href="">金丝楠</a>
						<a href="">其他</a>
				</div>
			</li>
			<li>
				<p class="list">
					<span>
						<img src="images/taoci.png" alt="" />
						陶瓷
					</span>
					<i class="fa fa-angle-down"></i>
				</p>
				<div class="hide">
					<a href="">黄花梨</a>
						<a href="">紫檀</a>
						<a href="">沉香</a>
						<a href="">金丝楠</a>
						<a href="">其他</a>
				</div>
			</li>
			<li>
				<p class="list">
					<span>
						<img src="images/shuhua.png" alt="" />
						书画古籍
					</span>
					<i class="fa fa-angle-down"></i>
				</p>
				<div class="hide">
					<a href="">黄花梨</a>
						<a href="">紫檀</a>
						<a href="">沉香</a>
						<a href="">金丝楠</a>
						<a href="">其他</a>
				</div>
			</li>
			<li>
				<p class="list">
					<span>
						<img src="images/wenfang.png" alt="" />
						文房用品
					</span>
					<i class="fa fa-angle-down"></i>
				</p>
				<div class="hide">
					<a href="">黄花梨</a>
						<a href="">紫檀</a>
						<a href="">沉香</a>
						<a href="">金丝楠</a>
						<a href="">其他</a>
				</div>
			</li>
			<li>
				<p class="list">
					<span>
						<img src="images/yuqi.png" alt="" />
						古董钟表
					</span>
					<i class="fa fa-angle-down"></i>
				</p>
				<div class="hide">
					<a href="">黄花梨</a>
						<a href="">紫檀</a>
						<a href="">沉香</a>
						<a href="">金丝楠</a>
						<a href="">其他</a>
				</div>
			</li>
			<li>
				<p class="list">
					<span>
						<img src="images/jinshuqi.png" alt="" />
						钱币邮票
					</span>
					<i class="fa fa-angle-down"></i>
				</p>
				<div class="hide">
					<a href="">黄花梨</a>
						<a href="">紫檀</a>
						<a href="">沉香</a>
						<a href="">金丝楠</a>
						<a href="">其他</a>
				</div>
			</li>
		</ul>
	</div>
</div>
<script>
	$(".list").click(function(){
        $(this).next().stop().slideToggle(1000).parent().siblings().find(".hide").slideUp(1000)
    })
</script>